import { Steps } from 'antd-mobile'
import StepCilcle from './StepCilcle'
import { useSelector } from 'react-redux'
import { CheckCircleOutline } from 'antd-mobile-icons'
const { Step } = Steps

function MyStep( ) {
  const step = useSelector((state:any)=>state.user.step)
  console.log(step)
  return (
    <Steps current={step}
      style={{
        '--title-font-size': '15px',
      }}>
      <Step title='接待信息'
      icon={ step===1? <StepCilcle num={1} />:<CheckCircleOutline style={
        {zIndex:3,backgroundColor:'#1677FF',width:'.3rem',height:'.3rem',color:'white',borderRadius:'50%'}
        } />}/>
      <Step title='行程安排'
      icon={<StepCilcle num={2} />}/>
    </Steps>
  )
}
export default MyStep